<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LLM 聊天室 MVP</title>
    <!-- Element Plus CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
    <!-- Link to global CSS file -->
    <link rel="stylesheet" href="assets/global.css">
    <style>
        /* Basic reset and body styling */
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            width: 100%;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            background-color: #f0f2f5; /* Default background for the whole page */
            overflow: hidden; /* Prevent body scroll, App.vue will manage its own scroll */
        }
        #app {
            height: 100%;
            width: 100%;
        }
    </style>
</head>
<body>
    <div id="app">
        <div style="display: flex; justify-content: center; align-items: center; height: 100vh; font-size: 1.2em; color: #555;">
            Loading...
        </div>
    </div>
    <!-- Vue.js CDN -->
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <!-- Element Plus JS CDN -->
    <script src="https://unpkg.com/element-plus/dist/index.full.js"></script>
    <!-- http-vue-loader from local assets (No longer needed if all components are .js) -->
    <!-- <script src="./assets/http-vue-loader.js"></script> -->
<!-- marked.js CDN -->
    <script src="./assets/marked.min.js"></script>
    <!-- Custom formatters -->
    <script src="./utils/formatters.js"></script>
    <!-- Entry point for the Vue application -->
    <script type="module" src="./main.js"></script>
</body>
</html>